.goods-list-h{
  background-color: white;
  .padding-top(2);
  .header{
    .margin-top(5);
    .padding-bottom(15);
    .title{
      .padding-bottom(5);
      p{
        text-align: center;
        .padding(0,10);
        .height(30);
        .line-height(30);
        .font-size(13);
        color: #494949;
        box-shadow: 0 2px 0 rgba(199,199,199,0.2);
        .width(300);
        margin-left: auto;
        margin-right: auto;
      }
      a{
        float: right;
        display: inline-block;
        .font-size(14);
        color: #494949;
        font-weight: normal;
      }
    }
  }
  .item{
    float: left;
    background-color: @goodsItemHBgColor;
    .width(155);
    .height(300);
    .margin-bottom(20);
    &:nth-child(odd){
      .margin-right(10);
      .margin-left(10);
    }
    &:nth-child(even){
      .margin-right(10);
    }
    a{
      display: inline-block;
      width: 100%;
    }
    .cover-box{
      .width(155);
      .height(155);
      overflow: hidden;
    }
    .cover{
      max-width: 100%;
      position: relative;
      width: 100%;
      height: 0;
      padding-top: 100%;
      overflow: hidden;
      img{
        position: absolute;
        top: 0;
        left: 0;
        max-width: 100%;
        .font-size(14px);
      }
    }
    .info{

      margin-left:auto;
      margin-right: auto;
      .height(135);
      .padding-bottom(5);
      .original-price-box{
        overflow: hidden;
      }
      .price-box{
        overflow: hidden;
        .padding-top(10);
        .coupon-amount,.goods-price,.no-coupon{
          .font-size(12);
          .line-height(22);
          .padding(5,0);
          color: white;
          .height(22);
        }
        .coupon-amount{
          float: right;
          text-align: right;
          background: @colorPink1;
          .width(50);
          .padding-right(5);
        }
        .goods-price{
          background-color: @colorBlue1;
          float: left;
          .width(95);
          .padding-left(5);
        }
        .no-coupon{
          background-color: @colorGray1;
          .width(55);
          float: right;
        }
      }
      .original-price{
        float: left;
        color: #a3a3a3;
        .font-size(12);
        .line-height(20);
      }
      .volume{
        color: #a3a3a3;
        .padding(8,0);
        .font-size(12);
      }

    }
    .name{
      width: 100%;
      .padding-top(10);
      .font-size(14);
      color: #5d5d5d;
      line-height: 1.5;
      overflow:hidden;
      text-overflow:ellipsis;
      display:-webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:2;
      .height(46);
    }
    .priceLeft{
      left: 0;
    }

  }
}